.out-card {
    background: #f5f7f9;
    overflow: hidden;
    @titleFontFamily: 'HarmonyOS_Sans_SC_Medium';

    .card-content {
        padding: 12px;
        margin: 12px 12px 0;
        background: #fff;
        border-radius: 8px;

        &.card-search {
            padding-bottom: 0;
        }

        .content-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;

            .title {
                font-size: 16px;
                font-family: @titleFontFamily;
                color: #353a42;
                line-height: 24px;
                font-weight: bolder;
            }
        }
    }
}

:deep(.el-dialog) {
    border-radius: 12px;
    height: 500px;
    overflow-y: auto;
    box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.08);
    .el-dialog__header {
        background-color: #4d7fcd;
        text-align: center;
        margin: 0;
        border-radius: 6px;
        .el-dialog__title {
            font-size: 16px;
            font-family: HarmonyOS_Sans_SC_Medium;
            color: #ecf1fa;
        }
        .el-dialog__headerbtn .el-dialog__close {
            font-size: 16px;
            font-family: HarmonyOS_Sans_SC_Medium;
            color: #353a42;
        }
    }
    .el-dialog__footer {
        text-align: center;
        padding-bottom: 24px;
    }
}
.timelimit{
    font-size: 12px;
    color: rgb(228, 152, 11);
}